angular.module('app').config(($stateProvider) => {

    $stateProvider.state('app.tabs', {
        url         : '/tabs',
        label       : 'Tabs',
        controller  : 'app.tabs',
        controllerAs: '$ctrl',
        templateUrl : 'view/app/tabs/tabs.html'
    });
}).controller('app.tabs', function ($ionicTabsDelegate, $timeout) {
    let ctrl = this, ionTabs;

    /////////////////////////////////////////////////
    // $ionicTabsDelegate
    /////////////////////////////////////////////////
    /**
     * $getByHandle(handle)
     */
    ionTabs = $ionicTabsDelegate.$getByHandle('myIonTabs');
    /**
     * select(index)
     * 选中第 index - 1 的 tab. (下标从 0 开始)
     */
    $timeout(()=> {
        ionTabs.select(2);
    });
    /**
     * selectedIndex()
     * 获取当前选中的 tab 坐标, 为获取到则返回 -1. (下标从 0 开始)
     */
    $timeout(()=> {
        console.log(ionTabs.selectedIndex());
    });
    /**
     * showBar(show)
     * 设置/获取 tab 的显示隐藏
     */
    $timeout(()=> {
        console.log(ionTabs.showBar());
    });
});